<template>
    <div>
        <div class="grid">
            <van-grid   clickable :column-num="3">
            <van-grid-item
            v-for="cate in cates"
            :key="cate.id"
            :icon="cate.icon"
            :text="cate.name"
            :to="{
               path: '/itemLists',
               query: {
                 cateId: cate.id
               }
            }"
            />
            </van-grid>
        </div>
    </div>
</template>

<script>
export default {
  props: {
    cates: {
      type: Array,
      required: true
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
